﻿$(function(){
	select();
	email_state();
    slider();
    ProductSlect();//产品中心筛选
    Collection();//收藏按钮
    updateEndTime();  //倒计时
    MemberSliser();//会员中心轮播
    LoginBox();

    
    $(".selects .pub_select input").click(function(){
        $(this).siblings(".option").slideToggle();
        $(this).parents(".pub_select").siblings().find(".option").slideUp(200);
        $(".dropdown ol").slideUp(200);
    })
    


})


function LoginBox(){
    // 登录协议
    $(document).on("click",".login_agree .a_01",function(){
        $(this).toggleClass("on");
    })
    // 忘记密码
    $(document).on("click",".login_p01 .a_02",function(){
        $(".forget_form,.forget_blank60").stop().fadeIn();
        $("body").addClass("nocsoll");
    })
    $(document).on("click",".forget_form .register_tab a",function(){
        $(this).addClass("on").siblings().removeClass("on");
        $(".forget_box .login_form").eq($(this).index()).fadeIn().siblings().hide();
    })
    // 取消
    $(document).on("click",".forget_form .cancel_btn,.retrieve_box .cancel_btn,.forget_blank60",function(){
        $(".forget_form,.forget_blank60,.retrieve_box,.retrieve_success").stop().fadeOut();
        $("body").removeClass("nocsoll");
    })

    // 找回密码
    $(document).on("click",".forget_form .forget_btn",function(){
        $(".forget_form").stop().fadeOut();
        $(".retrieve_box").stop().fadeIn();
    })
    // 找回密码
    $(document).on("click",".retrieve_box .forget_btn",function(){
        $(".retrieve_box").stop().fadeOut();
        $(".retrieve_success").stop().fadeIn();
    })





}

function ProductSlect(){
    // 产品可选配色
    $(document).on("click",".chose_color p em",function(){
        $(this).addClass("on").siblings().removeClass("on");
    })

    // 产品中心筛选
    $(document).on("click",".pro_choice li dd a",function(){
        $(this).addClass("on").siblings().removeClass("on");
    })
}

function Collection(){
    // 收藏
    $(document).on("click",".favorites.icon-heart",function(){
        $(this).removeClass("icon-heart");
        $(this).addClass("icon-collection");
    })
    $(document).on("click",".favorites.icon-collection",function(){
        $(this).removeClass("icon-collection");
        $(this).addClass("icon-heart");
    })
    // 限时优惠收藏
    $(document).on("click",".collection_s",function(){
        $(this).toggleClass("on");
    })
}

function select(){
    $(".public_select").each(function (i) {
            $(this).find("dt").click(function (e) {
                
                if($(this).hasClass('on_o')){
                    $(this).removeClass('on_o');
                }else{
                    $(this).addClass('on_o');
                }
                
                e.preventDefault();
                e.stopPropagation()
                $(".public_select").eq(i).find("dd a").each(function (x) {
                    $(this).click(function () {
                        $(this).parents(".public_select").find("dt").removeClass("gray");
                        $(".public_select").eq(i).find("dd a").removeClass("on");
                        $(this).addClass("on");
                        $(".public_select").eq(i).find("dt p").text($(this).text());
                        $(".public_select").eq(i).find("dt").attr({"data-val":$(this).data("val")});
                    })
                })
              

            })
        })
        $(document).click(function () {
            $(".public_select dd").stop().slideUp();
            $(".public_select dt").removeClass('on_o');
        })
         $(document).on("click",".dd_box,.chose_section",function(event){
            event.stopPropagation();
            // e.stopPropagation();
        })
        $(".public_select dt").on("click", function(e){
            if($(this).siblings(".public_select dd").is(":hidden")){
               $(this).siblings(".public_select dd").stop().slideDown();
               $(this).parents(".public_select").siblings(".public_select").children(".public_select dd").stop().slideUp();

            }else{
                $(this).siblings(".public_select dd").stop().slideUp();
              
            }           
        });


}

function email_state(){
    $(document).on("click",".modify_select .select_c dd a",function(){
        $(".email_cont ul").eq($(this).index()).show().siblings().hide();
    })
    $(".modify_select .select_c dd a").eq(0).click(function(){
        $(".email_block").show();
    })
    $(".modify_select .select_c dd a").eq(1).click(function(){
        $(".email_block").hide();
    })


}

function MemberSliser(){
    // 会员中心轮播
    if($(".data_banner").length>0){
        try{
            var brand3Swiper = new Swiper('.data_banner .swiper-container', {
                slidesPerView: 1,//设置slider容器能够同时显示的slides数量(carousel模式)
                slidesPerGroup: 1,//在carousel mode下定义slides的数量多少为一组。
                spaceBetween: 0,//slide之间的距离（单位px）。
                prevButton:'.data_banner .swiper-button-prev',
                nextButton:'.data_banner .swiper-button-next'
               
            })

        }catch(e){
            //TODO handle the exception
        }
    }
}

function slider(){
    if($(".pro_slider").length>0){
        try{
            var brand3Swiper = new Swiper('.pro_slider .swiper-container', {
                slidesPerView: 4,//设置slider容器能够同时显示的slides数量(carousel模式)
                slidesPerGroup: 1,//在carousel mode下定义slides的数量多少为一组。
                spaceBetween: 20,//slide之间的距离（单位px）。
                prevButton:'.pro_slider .swiper-button-prev',
                nextButton:'.pro_slider .swiper-button-next',
                breakpoints:{
                    //当宽度小于等于1024
                    767: {
                        slidesPerView: 1,
                        slidesPerGroup: 1
                    },
                }
            })

        }catch(e){
            //TODO handle the exception
        }
    }
}


function updateEndTime(){
    var NowTime = new Date();
    var time = NowTime.getTime(); 
    $(".settime").each(function(I){
        var endDate =this.getAttribute("endTime"); //结束时间字符串
        //转换为时间日期类型
        var endDate1 = eval('new Date(' + endDate.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')');
        var endTime = endDate1.getTime(); //结束时间毫秒数
        var lag = (endTime - time) / 1000; //当前时间和结束时间之间的秒数
        if(lag > 0){
            var second = Math.floor(lag % 60);     
            var hour = Math.floor((lag / 3600) % 24);
            var minite = Math.floor((lag / 60) % 60);
            var day = Math.floor((lag / 3600) / 24);

            //$(this).html(day+"天"+hour+"时"+minite+"分"+second+"秒");
            if(second<10){ 
                second = "0" + second; 
            }
            if(hour<10){ 
                hour = "0" + hour; 
            } 
            if(minite<10){ 
                minite = "0" + minite; 
            } 
            if(day<10){ 
                day = "0" + day; 
            } 
            
            $(this).find(".time_d").html(day);
            $(this).find(".time_h").html(hour);
            $(this).find(".time_m").html(minite);
            $(this).find(".time_s").html(second);
        }else{
            $(this).find(".time_d").html("00");
            $(this).find(".time_h").html("00");
            $(this).find(".time_m").html("00");
            $(this).find(".time_s").html("00");
        }
    });
    setTimeout("updateEndTime()",1000);

}


$(document).ready(function() {
    $(".pro_tab li").eq(0).click(function() {
        $("html, body").animate({
          scrollTop: $(".pro_edit01").offset().top - 200 }, {duration: 500,easing: "swing"});
        return false;
    });
    $(".pro_tab li").eq(1).click(function() {
        $("html, body").animate({
          scrollTop: $(".pro_edit02").offset().top - 200 }, {duration: 500,easing: "swing"});
        return false;
    });

    $(".pro_tab li").eq(2).click(function() {
        $("html, body").animate({
          scrollTop: $(".pro_edit03").offset().top - 200 }, {duration: 500,easing: "swing"});
        return false;
    });
    $(".pro_tab li").eq(3).click(function() {
        $("html, body").animate({
          scrollTop: $(".pro_edit04").offset().top - 200 }, {duration: 500,easing: "swing"});
        return false;
    });
    $(".pro_tab li").eq(4).click(function() {
        $("html, body").animate({
          scrollTop: $(".pro_d03").offset().top - 200 }, {duration: 500,easing: "swing"});
        return false;
    });


});





